<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta http-equiv="Expires" content="0"/>
		<meta http-equiv="Pragma" content="no-cache"/>
		<meta http-equiv="Cache-control" content="no-cache"/>
		<meta http-equiv="Cache" content="no-cache"/>
		<meta charset="utf-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
		<title>烤箱报表</title>
		<!-- 加载类UI样式文件 -->
		<link rel="stylesheet" href="../layui/css/layui.css"/>
		<!-- 加载JExcel样式文件 -->
		<link rel="stylesheet" type="text/css" href="../jexcel-master/dist/css/jquery.jexcel.css" />
		<!-- 加载jQuery脚本文件 -->
		<script src="../js/jquery.min.js"></script>
		<!-- 加载JExcel脚本文件 -->
		<script src="../jexcel-master/dist/js/jquery.jexcel.js"></script>
		<!-- 加载类ui脚本文件 -->
		<script src="../layui/layui.js"></script>
	</head>
	<body>

		<!-- 这里包一个数据库查询的功能 -->
		<form action="Select2CSV.php" method="post">
			开始时间: <input type="date" name="sjj1"/>
			结束时间: <input type="date" name="sjj2"/>
			工单号: <input type="text" name="GongDan"/>
			<input type="submit" class="layui-btn layui-btn-sm" value="导出"/>
			<br/>(提示:数据过大，要同时指定开始时间和结束时间或指定工单号才可以导出)
		</form>


		<fieldset class="layui-elem-field site-demo-button">
			<legend><big><b>烤箱报表</b></big></legend>
			<!-- 这里是JExcel的表格位置 -->
			<div class="layui-row">
				<div id="mytable"></div>
			</div>
		</fieldset>
		
		
		
		<script>
			var KX = null;
			var LieMing = [
				 '工序'
				,'烤箱号'
				,'烤箱门'
				,'工单号'
				,'数量'
				,'进烤人工号'
				,'进烤人姓名'
				,'进烤时间'
				,'出烤人工号'
				,'出烤人姓名'
				,'出烤时间'
			];

			var LieKuan = [
				 50//烤箱号
				,100//烤箱号
				,50//烤箱门
				,200//工单号
				,100//数量
				,100//进烤人工号
				,100//进烤人姓名
				,200//进烤时间
				,100//出烤人工号
				,100//出烤人姓名
				,200//出烤时间
			];

			$(document).ready(function (){
				layui.use(['layer','form','element'], function(){
					layer.msg('初始化正常!');

					$('#mytable').jexcel({data:KX
						,allowDeleteColumn:false
						,rowDrag:false
						,colHeaders:LieMing
						,colWidths:LieKuan
					});

					$.ajax({
						type:'POST',
						url: "KXHT.php",
						dataType : "JSON",
						success: function(sss){
							layer.msg('查询成功!数据内容:<br/>');
							KX = sss['KX'];
							$('#mytable').jexcel('setData',KX);
						}
					});
				});
			});
		</script>
	</body>
</html>
